b,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;border:0 none}
img,input{border:0;vertical-align:middle}
li,ul{list-style:none;margin:0;padding:0}
form{padding:0;margin:0}
td{FONT-SIZE:12px}
img{border:0}
@font-face { font-family : DINProb; src:url(../images/DINPro-Bold.otf);}
@media screen and (min-width:320px){blockquote,body,button,code,dd,div,dl,dt,fieldset,form,input,legend,lipre,ol,p,td,textarea,th,ul{font-size:16px;font-family:'Microsoft YaHei'}
}

.over{ overflow:hidden}
a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none}
a:focus{outline:0}
input,textarea{outline:0}
a:hover{color:#0883d3;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}
.content{width:1400px;overflow:hidden;margin:0 auto}

.con_box{width:1600px;overflow:hidden;margin:0px auto}

.title{text-align:center;padding:60px 0 25px;overflow:hidden;margin:0 auto; }
.title h3{font-size:44px;;text-align:center;color:#333; margin-bottom:10px; }
.title h3 span{ color:#0883d3; font-weight:bold;}
.title h3 span i{ font-size:56px;}
.title p{font-size:18px;color:#666;line-height:24px}
.title p:before{ content:url(../images/lxx.png) ;vertical-align: middle;margin-right:8px;}
.title p:after{ content:url(../images/rxx.png) ;vertical-align: middle; margin-left:8px;}
.title b{color:#333}

.title1{text-align:center;padding:60px 0 25px;overflow:hidden;width:1200px;margin:0 auto; }
.title1 h3{font-size:44px;;text-align:center;color:#fff; margin-bottom:10px; }
.title1 h3 span{ color:#fff; font-weight:bold;}
.title1 h3 span i{ font-size:56px;}
.title1 p{font-size:18px;color:#fff;line-height:24px}
.title1 p:before{ content:url(../images/lxx1.png) ;vertical-align: middle;margin-right:8px;}
.title1 p:after{ content:url(../images/rxx1.png) ;vertical-align: middle; margin-left:8px;}
.title1 b{color:#333}



.top{ background:#f6f7f8; height:45px; line-height:45px; }
.top span{ float:right; position:absolute; right:0px; height:60px; line-height:58px; display:block; background:#0883d3; border-radius:0 0 0 60px ; width:23%;  top:0px; font-size:16px; color:#fff; padding-left:50px;}
.top span b{ font-size:24px;vertical-align: bottom;}
.top .tit{ width:60%; overflow:hidden;font-size:15px; color:#666;white-space: nowrap;text-overflow: ellipsis; position:relative;}


.head{width:100%;max-width:1920px;min-width:1200px;margin:0 auto; }

.had{ width:1600px; margin:0px auto; height:135px;   text-align:center; position:relative}



.logo{ float:left; margin-top:35px; text-align:left;}
.logo h3{ font-size:28px; color:#333;}
.logo p{ font-size:18px; color:#666;}

.nav{  margin:0px auto; float:right;}
.nav ul{ margin-top:40px;}
.nav li{ position:relative; display:inline-block; padding:5px 30px; height:40px; line-height:40px;}
.nav li a{ color:#333; display:block; position:relative; font-size:18px;}
.nav li ul{ position:absolute; width:200px; z-index:99;background:rgba(0,0,0,0.6); display:none; left:-44px}
.nav li ul li{ height:45px; line-height:45px; width:100%;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:13px;} 
.nav li:hover{ background:#0883d3}
.nav li:hover a{ color:#fff}



.hot{float: right;  margin-top: 28px; font-size: 25px; font-weight: bold; width:45px; height:45px; border-radius:50%;  color: #fff;    background: url(../images/tel.png) no-repeat center center;  margin-left:20px; -webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;overflow:hidden; position:absolute; right:5%; z-index:2 ;cursor:pointer}
.hot span{ opacity:0;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; margin:6px 0 0 50px; display:inline-block;}
.hot:hover{  background: #0883d3 url(../images/tel1.png) no-repeat center left 20px;  width:250px; -webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; border-radius:30px; }
.hot:hover span{  opacity:1;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}



.banner{width:100%; overflow:hidden; position:relative}

.banner img{ width:100%;}
.banner .swiper-pagination-bullet{ width:30px; height:10px; border-radius:10px; background:#333; opacity:1;}
.banner .swiper-pagination-bullet-active{ background:#0883d3}
.banner .swiper-pagination{ bottom:30px;}

.g-adv .swiper-pagination-bullet{ width:30px; height:10px; border-radius:10px; background:#333; opacity:1;}
.g-adv .swiper-pagination-bullet-active{ background:#0883d3}
.g-adv .swiper-pagination{ bottom:30px;}


.szbj{ overflow:hidden; margin:0px auto; background:url(../images/szbj.jpg) no-repeat center top; padding-bottom:50px; background-size:cover;}
.mumping_mun li{float:left;width:20%; border:30px rgba(255,255,255,0.01) solid; box-sizing:border-box; color:#333;padding-top:1px;  overflow:hidden; text-align:center; padding:60px 0; background:url(../images/sz.png) no-repeat; background-size:100% ; }

.mumping_mun li b{font-weight:400;font-size:70px;line-height:1;display:inline-block;position:relative;margin:15px 0 10px;  font-family:Impact; }
.mumping_mun li p{font-size:18px ; color:#fff}
.mumping_mun li b i{font-style:normal; color:#fff}
.mumping_mun li b sup{ width:30px; height:30px; border-radius:50%;  text-align:center; line-height:30px; color:#fff; font-size:20px; display:inline-block ; position:absolute; bottom:0px; right:-30px; font-weight:400; font-family:"Microsoft YaHei"}
.mumping_mun li b em{font-style:normal;font-size:14px;font-weight:100;padding-left:2px;position:relative;top:-4px}
.mumping_mun li span{ color:#fff;}













.hot_pic{ overflow:hidden;}
.hot_pic ul{ overflow:hidden;}
.hot_pic ul li{ width:16.5% ; float:left; overflow:hidden; text-align:center; border:10px #fff solid; box-sizing:border-box; position:relative;}
.hot_pic ul li .h_pic{ padding:10px; position:relative;}
.hot_pic ul li .h_pic h3{ font-size:24px; overflow:hidden; margin:0px auto; font-weight:400; position:absolute; top:0px; text-align:center; padding:0 5% ; width:70%}
.hot_pic ul li .h_pic div{ border-radius:6px; overflow:hidden; width:100%;  margin:30px auto 15px;}
.hot_pic ul li .h_pic div img{ width:100%}
.hot_pic ul li .h_pic p{  overflow:hidden; height:50px; line-height:24px; font-size:13px; color:#666}
.hot_pic ul li .h_zz{ background:#0883d3; position:absolute; top:-100%; width:100%; height:100%;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s;}
.hot_pic ul li .h_zz h4{ font-size:24px; color:#fff; margin-top:30%;  }
.hot_pic ul li .h_zz h4:after{ content:""; width:50px; height:2px; background:#fff; margin:0ox auto; display:block; margin:20px auto; }
.hot_pic ul li .h_zz  dd{ width:150px; border:1px #fff solid; color:#fff; height:45px; line-height:45px; margin:30px auto}

.hot_pic ul li:hover .h_zz{ top:0px;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s;}





.pic_content{overflow:hidden;margin:40px auto 0}
.pic_content ul{overflow:hidden;margin:0 auto;}
.pic_content ul li{width:25%;float:left; border:1px #f2f2f2 solid;position:relative;  box-sizing:border-box;}
.pic_content ul li div{ width:100%;  overflow:hidden; position:relative}
.pic_content ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;}
.pic_content ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.pic_content ul li  dl{ width:100%; height:100%; position:absolute; top:0px;}
.pic_content ul li dl dd{position:absolute; font-size:16px; color:#fff; top:50%; left:50%; opacity:0; height:40px; line-height:40px; border-radius:30px; background:rgba(8,131,211,0.8); text-align:center; font-size:16px; font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:150px; margin:-22px 0 0 -70px ;-webkit-transition:all .5s;transition:all .5s;}

.pic_content ul li dl p{ height:60px; line-height:60px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; font-size:16px; position:absolute; bottom:0px; width:90%; margin:0 5%;  }


.pic_content ul li:hover dl dd{ opacity:1;-webkit-transition:all .5s;transition:all .5s;}
.pic_content ul li:hover div dl{-webkit-transition:all .5s;transition:all .5s; height:100%;}

.pic_content ul li:first-child{ width:50%;}


.pic_content ul li:first-child dl dd {top:auto; left:auto; right:20px; bottom:20px; opacity:1}
.pic_content ul li:first-child dl p{ width:60%; left:0px; bottom:0px; text-align:left}


.xbanner { background:#0883d3; overflow:hidden; margin:0px auto; padding:50px 0}
.xbanner .ttxt{ float:left;}
.xbanner .ttxt h3{ font-size:48px; color:#fff;}
.xbanner .ttxt p{ color:#fff; font-size:24px;}
.xbanner ul{ float:right; width:40%}
.xbanner ul li{ width:25%; float:left; text-align:center;}
.xbanner ul li div { width:76px; height:76px; overflow:hidden; margin:0px auto;-webkit-transition:all .5s;transition:all .5s;}
.xbanner ul li p{ text-align:center; color:#fff; font-size:18px;}
.xbanner ul li.osel p{ color:#f6ff00}
.xbanner ul li.osel div img:first-child {transform: translateY(-76px);-webkit-transition:all .5s;transition:all .5s;}
.xbanner ul li.osel div img:last-child{transform: translateY(-76px);-webkit-transition:all .5s;transition:all .5s;}


.ys{ overflow:hidden; margin:0px auto;}
.ys_box{ position:absolute; width:100%; height:300px; width:100%; bottom:0px; overflow:hidden; margin:0px auto;}
.ys_content{ width:1200px; background:#fff; border-radius:10px; padding:30px; overflow:hidden;; margin:0px auto}
.ys_content .ys_txt{ float:left; overflow:hidden; width:48%;}
.ys_content .ys_img{ float:right; overflow:hidden; width:50%;}
.ys_content .ys_txt h3{ font-size:30px; color:#0883d3;}
.ys_content .ys_txt p{ font-size:18px; color:#757575; line-height:30px; margin-top:20px;}
.ys ul li { position:relative; overflow:hidden; display:none;}
.ys ul li img{ width:100%}
.ys_com{  margin:0px auto; overflow:hidden;}






.pic_cont{overflow:hidden;margin:15px auto 0}
.pic_cont ul{overflow:hidden;margin:0 auto}
.pic_cont ul li{width:387px;float:left;overflow:hidden;margin-right:19px;margin-bottom:16px;margin-top:6px;;position:relative}
.pic_cont ul li div{ width:100%;  overflow:hidden; position:relative}
.pic_cont ul li div dl{ position:absolute; width:100%; height:0%; background:rgba(0,102,204,0.6); bottom:0px;-webkit-transition:all .5s;transition:all .5s;}
.pic_cont ul li div dl dd{ font-size:16px; color:#fff; margin:100px 20px 30px; text-align:center; font-size:24px; font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.pic_cont ul li div dl dd:after{content:"——"; color:#fff; display:block; margin-top:12px;}
.pic_cont ul li div dl dt{ border:1px #fff solid; text-align:center; height:36px; line-height:36px; width:150px;  margin:0px auto; color:#fff;}
.pic_cont ul li p{ height:45px; line-height:45px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; font-size:16px; display:none;}
.pic_cont ul li:nth-child(3n){margin-right:0}
.pic_cont ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;}
.pic_cont ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.pic_cont ul li:hover p{color:#0883d3}
.pic_cont ul li:hover div dl{-webkit-transition:all .5s;transition:all .5s; height:100%;}


.ystit h3{ overflow:hidden; font-size:60px; font-family:"思源宋体 CN Medium"; font-style:italic}

.pic_con{overflow:hidden;margin:0px auto 0}
.pic_con ul{overflow:hidden;margin:0 auto}
.pic_con ul li{width:23%;float:left;overflow:hidden; margin:1%; box-sizing:border-box; border:1px #ccc solid; padding:5px;}
.pic_con ul li div{ overflow:hidden; position:relative}
.pic_con ul li p{ height:60px; line-height:60px; background:#eeeeee; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; font-size:16px;  color:#333}

.pic_con ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;}
.pic_con ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.pic_con ul li:hover p{color:#fff; background:#0883d3}


.gengduo{ width:200px; height:50px;  text-align:center;  margin:30px auto ; line-height:50px; border-radius:6px; border:1px #ccc solid }
.gengduo a{color:#333; display:block;}
.gengduo a:hover{color:#fff; background:#0883d3; border-radius:6px }

.pic_nav{overflow:hidden;line-height:60px;text-align:left; margin:20px auto;}
.pic_nav ul li{ width:16.5%; float:left; border:5px #fff solid; box-sizing:border-box; background:#f0f0f0; text-align:center;}
.pic_nav ul li a{overflow:hidden;text-align:center;font-size:18px; verflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pic_nav ul li:hover{color:#fff;background:#0883d3}
.pic_nav ul li:hover a{color:#fff;}
.pic_nav ul li span{font-size:18px;margin-right:5px;font-family:Tahoma;color:#fff; border-radius:50%;background-color:#f78e1a;  padding: 4px 5px;;line-height:10px;}


.fenlei{ display:none;}
.x_banenr{ width:100%; position:relative;  height:187px; margin:30px auto 0; max-width:1920px; min-width:1200px; overflow:hidden;} 
.x_banenr img{ position:absolute; left:50%; margin-left:-960px;}
.lc_box{width:100%; position:absolute; z-index:99;  height:100%} 
.lc_box{width:100%; position:absolute; z-index:99;  height:100%} 
.lc_box ul{ overflow:hidden; width:1267px;  margin:0px auto;}
.lc_box ul li {
    float: right;
    overflow: hidden;
    padding: 18px 25px 19px;
    background: #0080ff;
    margin: 40px 5px 0;
    border-radius: 16px; -webkit-transition:all .1s;transition:all .1s; 
}
.lc_box ul li p{ color:#fff;}
.lc_box ul li img{  position:relative; left:inherit; margin-left:inherit; }
.lc_box ul li:hover{transform:translate(0,-20px); -moz-transform:translate(0,-20px); -ms-transform:translate(0,-20px); -o-transform:translate(0,-20px); -webkit-transform:translate(0,-20px);-webkit-transition:all .5s;transition:all .5s;}



.news_nav{overflow:hidden;line-height:50px;text-align:left; margin:20px auto;}
.news_nav ul{ text-align:center;}
.news_nav ul li{overflow:hidden;background:#fff;text-align:center;font-size:20px;width: 200px;  display: inline-block; margin:0 10px; border-radius:6px; }
.news_nav ul li a{color:#333; border:1px #ccc solid; display:block; border-radius:6px;  }
.news_nav a:hover{color:#fff;background:#0883d3}

.ban{ width:100%; margin:0px auto; overflow:hidden}
.ban img{ width:100%; margin:0px auto; overflow:hidden}

.m_banner{ width:100%; overflow:hidden; display:none;}
.m_banner img{ width:100%; overflow:hidden;}

.fll{ background:#f0f0f0; overflow:hidden ; padding:40px 0 0px } 


.liucheng{ background:#0883d3; overflow:hidden; margin:40px auto 0; padding-bottom:50px;}
.liucheng ul{ overflow:hidden;}
.liucheng ul li{ overflow:hidden; width:16.6%; float:left; text-align:center;}
.liucheng ul li div{ width:140px; height:140px; line-height:140px; border-radius:50%; background:#fff; margin:0px auto;text-align:center;}
.liucheng ul li div img{ width:60px; height:60px; display:block; margin:0px auto; padding-top:38px;}
.liucheng ul li  p{ font-size:18px; color:#fff; margin:15px auto}
.fl{float:left;}








.buttom,.fanhui{ display:none;}


.anlibj{ background:url(../images/anlibj.png) no-repeat center top; overflow:hidden; margin:80px auto 0}
.anli{width:1200px;overflow:hidden;margin:20px auto 0;}
.anli ul li{width:290px; position:relative;float:left;overflow:hidden;margin-right:17px;margin-bottom:16px;margin-top:6px; padding-bottom:30px;}
.anli ul li div{overflow:hidden;width:290px;border:2px #fff solid}
.anli ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px;line-height:50px;font-size:16px;text-align:center; background:#fff; box-shadow:0 0 5px #999; width:90%; left:16px; bottom:10px; position:absolute; z-index:2}
.anli ul li p:after{ content:""; background:#0883d3; position:absolute; width:0%; height:50px; top:0px; left:50%; z-index:-1;-webkit-transition:all .5s;transition:all .5s;}
.anli ul li a:hover dd{color:#fff}
.anli ul li a{color:#333}
.anli ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.anli ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.anli ul li:hover p{color:#fff;-webkit-transition:all .5s;transition:all .5s;}
.anli ul li:hover p:after{ width:100%;-webkit-transition:all .5s;transition:all .5s; left:0;}

.zizhi .swiper-container{ position:relative; }
.zz{ overflow:hidden;   position:relative;}
.zz div{ overflow:hidden;  background:#fff;   box-shadow: 0 0 4px #d8d6d6;-webkit-transition:all .5s;transition:all .5s; }
.zz div img{ width:100%}
.zz p{ height:36px; line-height:36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:16px; text-align:center;}
.zz:hover div{ box-shadow:0 0 4px #d8d6d6;transform:translate(0,-10px); -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -o-transform:translate(0,-10px); -webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s;}





.gengduo3{width:88px;  height:45px; line-height:45px;  font-size:16px;  text-align:center; margin:50px auto; border-radius:3px; }
.gengduo3 a{ color:#fff;}

.about_box{ background:#f1f1f1; padding:0px 0 50px; margin:50px auto 0}
.about{width:1400px; margin:0px auto; }
.a_box{ background:#fff; overflow:hidden; margin:20px auto 0 }
.imti{height:34px;line-height:34px;text-align:center;font-size:28px;}
.imti a{position:relative;display:inline-block;height:34px;line-height:34px;}
.imti a:after{content:attr(data-text);position:absolute;width:0%;height:34px;line-height:34px;top:0;left:0;font-size:28px;color:#00458e;overflow:hidden;white-space: nowrap;-webkit-transition:width 1s cubic-bezier(0.7,0,0.3,1);transition:width 1s cubic-bezier(0.7,0,0.3,1);}
.imti a:hover:after{width:100%;}
.imti-en{text-align:center;font-size:12px;margin-top:5px;}
.imti-sub{font-size:16px;text-align:center;margin-top:5px;}
.iabout{padding:75px 0 30px;}
.iabout .content:after{content:'';display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.iabout-video{float:left;display:block;width:45%;position:relative;}
.iabout-video img{ width:100%}
.iabout-video video{ width:100%; height:430px;}
/*.iabout-video:before,.iabout-video:after{content:'';position:absolute;width:0;height:0;bottom:-10px;border-style:solid;}
.iabout-video:after{border-width:0 0 95px 60px;border-color:transparent #d1d1d1;right:-70px;}
.iabout-video:before{border-width:0 60px 95px 0;border-color:transparent #d1d1d1;left:-70px;}*/
.iabout-cont{width:50%;float:right; padding:10px  2% 10px 0 }
.iabout-cont .ti{font-size:24px;font-weight:bold; color:#0883d3; margin-top:25px}
.iabout-cont .ti span{ float:right;}
.iabout-cont .line{display:block;margin:40px 0 20px;}
.iabout-cont .line ul li{ float:left; width:33.33%; box-sizing:border-box; text-align:center; border-left:1px #ccc solid}
.iabout-cont .line ul li b{ color:#0883d3 ; font-size:48px; font-family : DINProb; font-weight:bold;}
.iabout-cont .line ul li b per{ color:#555; font-weight:400; font-size:16px; font-family:"Microsoft YaHei"}
.iabout-cont .line ul li p{ font-size:18; color:#555}
.iabout-cont .line ul li:last-child{ border-right:1px #ccc solid}
.iabout-cont .line ul li:first-child b per{ color:#0883d3; font-size:30px;}

.iabout-cont .desc{line-height:30px; height:180px; overflow:hidden; -webkit-line-clamp: 6;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;display: -webkit-box; font-size:16px; color:#333; margin-top:20px; text-indent:2em;}
.iabout-cont .more{color:#fff;  width:160px; height:50px; line-height:50px; text-align:center; background:#0883d3;margin-top:30px; }

.iabout-cont .more a{color:#fff}
.iabout-cont .link a:hover{background-position:0 0;transition:0s ease-out;-moz-transition:0s ease-out;-webkit-transition:0s ease-out;-o-transition:0s ease-out;}
.iabout-cont dd{margin-top:20px;}
.iabout-cont a:hover.more{color:#0883d3;} 



.lingyu{ overflow:hidden; margin:0px auto; background:url(../images/lybj.jpg) no-repeat center top; padding:80px 0}
.ly_left{ width:50%; float:left}
.ly_left h3{ font-size:36px; color:#fff; margin:10px auto 20px;}
.ly_left h4{ font-size:40px;color:#fff; font-weight:400; text-transform:uppercase}
.ly_left p{ font-size:15px; line-height:30px; color:#fff;margin:40px auto }
.ly_left dd{ overflow:hidden;}
	

.ly_right{ width:48%; float:right}
.ly_right ul{}
.ly_right ul li{ background:rgba(27,177,204,0.4); float:left; width:25%; margin:1%; padding:3%}

.ly_right ul li div{ width:40px; height:40px; overflow:hidden;}
.ly_right ul li div img{ width:100%; height:100%}
.ly_right ul li p{ color:#c4c4c4; margin:10px auto}
.ly_right ul li h3{ font-size:18px; color:#fff;}













.shebei{width:1200px; margin:0px auto;}
.ipro{width:100%;overflow:hidden;padding:35px 0px;z-index:1;position:relative; max-width:1920px; margin:0px auto;}
.ipro .bg{position:absolute;width:100%;height:175px;background:#0883d3;left:0;bottom:0;z-index:-1;}
.ipro .more{display:block;float:right;height:50px;line-height:50px;}
.ipro h2{height:50px;padding-left:45px;line-height:50px;font-size:24px;background:url(../images/ipro_icon.png) no-repeat 0 50%; margin:10px auto 30px }
.ipro .more:hover,.ipro h2 a:hover{color:#00458e;}
.ipro-silder{width:1200px; margin:0px auto; position:relative;}
.ipro-silder .btn{position:absolute;width:66px;height:66px;top:50%;margin-top:-54px;background:url(../images/ipro_btn.png);cursor:pointer;z-index:3;}
.ipro-silder .btn.prev{left:-80px;background-position:0 0;}
.ipro-silder .btn.next{right:-80px;background-position:-66px 0;}
.ipro-silder .box{ width:1200px;  }
.ipro-silder ul{overflow:hidden;}
.ipro-silder li{width:290px;float:left;margin-right:13px;text-align:center; overflow:hidden;}
.ipro-silder a{display:block;}
.ipro-silder li div{    width: 284px;  height: 212px;border:2px solid #fff; overflow:hidden;}
.ipro-silder p{height:50px;line-height:50px;color:#fff; font-size:16px;}
.ipro-silder li:hover .pic{border-color:#00458e;}


.ipro-silder li div img{-webkit-transition:all .5s;transition:all .5s;}
.ipro-silder li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}

.slide{ width:100%;}

.news_box{width:100%; background:#f5f5f5; overflow:hidden; margin:80px auto 0; padding-bottom:80px;}

.news_mr{ background:#fff;; padding:20px; overflow:hidden;}

.news_left{width:60%; overflow:hidden; float:left;}

.news_right{width:36%; overflow:hidden; float:right; border-left:1px #ccc solid; padding-left:2%}

.news_left h3{ color:#333; font-size:28px;  height:60px; line-height:60px; font-weight:bold;}
.news_left h3 span{float:right; font-size:30px; font-weight:bold; font-weight:normal;}



.news_left ul{overflow:hidden;}
.news_left ul li{ overflow:hidden; width:50%; border:5px #fff solid; float:left; box-sizing:border-box; background:#f7f7f7; padding:3%}

.news_left ul li dl{ overflow:hidden; background:url(../images/xii.png) no-repeat center right ;}
.news_left ul li dl dd{ overflow:hidden; font-size:18px; color:#000000; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-right:50px;}
.news_left ul li dl dt{ color:#999; margin:8px auto; font-size:15px;}
.news_left ul li dl p{ font-size:15px; color:#666; line-height:28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }
.news_left ul li:nth-child(n+2) dl p{ display:none;}
.news_left ul li:first-child{ width:100%; overflow:hidden; float:inherit;}
.news_left ul li div{ float:left; width:30%; overflow:hidden; margin-right:15px;}
.news_left ul li div img{ width:100%; height:100%}
.news_left ul li:first-child dl{ background:none;}
.news_left ul li:first-child { background:#fff; padding:3% 0px;}
.news_left ul li:first-child dl dt:before{ content:"——"; letter-spacing:-1px; color:#999;} 
.news_left ul li  dl dd a:hover{color:#0883d3; font-weight:bold;}
.news_left ul li:hover dl{ overflow:hidden; background:url(../images/xii1.png) no-repeat center right ;}
.news_left ul li:first-child:hover dl{ background:none;}


.faq{overflow:hidden; }
.faq h3{ color:#333; font-size:28px;  height:60px; line-height:60px; font-weight:bold;}
.faq h3 span{float:right; font-size:30px; font-weight:bold; font-weight:normal;}



.fq{overflow:hidden; }
.fqimg img{ width:100%; margin-bottom:15px; overflow:hidden;}
.fq ul{overflow:hidden;}
.fq ul li{ overflow:hidden; height:26px; background:url(../images/xy.png) no-repeat center left; padding-left:20px; line-height:26px; margin-bottom:10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:18px;}
.fq ul li a:hover{text-decoration:underline;}


.bottom_nav{width:100%; max-width:1920px; min-width:1200px; margin:45px auto 0; background:#0883d3;}
.bottom_nav ul{ width:1200px; overflow:hidden; margin:0 auto;}
.bottom_nav ul li { display:inline; float:inherit; width:inherit; text-align:center;  margin:0 39px; line-height:60px;}
.bottom_nav ul li a{color:#fff;}
.bottom_nav ul li a:hover{text-decoration:underline;}




.links{margin:0 auto 0px;height:auto;overflow:hidden;border-top:1px #f6f6f6 solid}
.links .tit{width:80px;float:left;border-right:1px #f6f6f6 solid;border-left:1px #f6f6f6 solid;margin-right:20px ; padding:20px;}
.links ul{height:auto;overflow:hidden;margin-top:10px}
.links ul a{line-height:25px;color:#666;margin:5px;white-space:nowrap}
.links ul a:hover{text-decoration:underline; color:#0883d3;}
.footer{width:100%;background:#222222;overflow:hidden;max-width:1920px;min-width:100%;padding:60px 0;margin:0 auto 0;}

.footer .left{height:auto;float:left}
.footer .name{margin-bottom:15px}
.footer .name img{display:block}
.footer .info{width:440px;float:left;height:auto;overflow:hidden; }
.footer .info p{color:#fff;font-size:14px;line-height:29px;margin-top:15px}
.footer .icon{width:330px;float:left}
.footer .icon ul li{float:left;width:83px;height:83px;border-radius:50%;margin-right:25px;position:relative}
.footer .icon ul li img{display:block;width:90px;height:90px;position:absolute;display:none;left:90px;z-index:100;top:-10px}
.footer .cr{width:100%}
.footer .icon ul li:nth-child(1){background:url(../images/icon02.png) no-repeat left top}
.footer .icon ul li:nth-child(2){background:url(../images/icon02.png) no-repeat -107px top}
.footer .icon ul li:nth-child(3){background:url(../images/icon02.png) no-repeat -214px top}
.footer .icon ul li:hover img{display:block}
.footer .icon ul li a{display:inline-block;cursor:pointer;width:83px;height:83px}
.footer .icon ul li{float:left;width:83px;height:83px;border-radius:50%;margin-right:25px;position:relative}
.footer .icon ul li img{display:block;width:110px;position:absolute;display:none;left:90px;z-index:100;top:-10px}
.footer .cr{width:100%}
.footer .info1{color:#fff;line-height:41px;font-size:16px;text-align:left;float:left}
.footer .info h3{font-size:18px;color:#0883d3; }
.footer .info h3 span{font-weight:400;font-size:13px;margin-left:5px}
.footer .cr{width:100%;height:auto;overflow:hidden}
.footer .cr p{color:#fff;font-size:14px}
.footer .ewm{width:162px;float:right}
.footer .ewm h3{font-size:18px;color:#fff;margin-bottom:20px; font-weight:400;}
.footer .ewm h3 span{font-weight:400;font-size:13px;margin-left:5px}
.footer .ewm p{text-align:center;color:#fff;font-size:14px;padding:6px}
.footer .ewm p img{display:block;width:100%}

.fiv{width:100%; position:fixed; bottom:0px; left:0px; background:#e13531; padding:10px 0; z-index:999}
.fiv .tmb{width:1200px; overflow:hidden; font-size:24px; color:#fff; margin:0px auto; font-weight:bold;  }
.fiv .tmb span{ color:#ff0883d30}
.fiv .tmb em{ float:right; font-style:normal; font-weight:normal; font-size:24px; }
.fiv .tmb em b{font-size:24px;}
.fiv .tmb em a.anniu{width:120px; height:36px; line-height:36px;  text-align:center; color:#fff; display:inline-block; border-radius:5px; margin-left:10px; border:1px #fff solid; font-size:14px;}












.b_nav{overflow:hidden;float:left;margin-right:30px;width:380px}
.b_nav h3{font-size:18px;color:#0883d3; }
.b_nav h3 span{font-weight:400;font-size:13px;margin-left:5px}
.b_nav ul{overflow:hidden;margin-top:15px}
.b_nav ul li{float:left;text-align:center;margin-bottom:10px;width:145px;border:1px #ccc solid;margin-right:10px;height:36px;line-height:36px; text-indent:0.5em; position:relative}
.b_nav ul li a{color:#fff;font-size:16px;display:block}
.b_nav ul li a:hover{background:#fff}
.b_nav ul li:hover a{color:#0883d3; background:#fff;}

.foot{margin:0 auto;width:1200px;position:relative;overflow:hidden}
.tit_bt1{border-bottom:3px #13a33d solid;height:59px;line-height:59px;text-indent:1em;font-size:18px;font-weight:700;color:#13a33d;background:#f1f1f1;margin:0 auto 20px}
.tit_bt1 span{float:right;font-weight:400;font-size:16px;padding-right:10px}
.tit_bt1 span.dqian{margin:0}
.tit_bt1 i{font-size:14px;color:#333;text-transform:uppercase;margin-left:10px;font-weight:400}
.tit_bt1 span a{background:url(../images/icon.png) no-repeat center right;padding-right:10px;margin-left:6px}
.tit_bt1 span a:last-child{background:0 0}
.toolbar{width:52px;position:fixed;right:1%;top:44%;z-index:999}
.toolbar dd{width:51px;height:51px;margin-bottom:1px;position:relative;-webkit-border-radius:100%;border-radius:100%;margin-top:4px;border:#ebebeb solid 1px;background-color:#fff;-webkit-border-radius:100%;border-radius:100%}
.toolbar dd i{width:51px;height:51px;display:block;position:absolute;left:0;top:0;cursor:pointer;text-align:center;-webkit-border-radius:100%;border-radius:100%}
.toolbar dd i span{width:35px;height:35px;display:block;margin:8px 0 0 8px;background:url(../images/rightfixicon.png) no-repeat 0 0}
.toolbar dd.gottop{display:none}
.toolbar .slide-tel{display:block;width:0;height:43px;line-height:34px;font-size:24px;font-weight:700;font-family:arial;color:#fff;position:absolute;padding:10px 0 0 53px;top:-1px;right:-2px;-webkit-border-radius:50px;border-radius:50px;overflow:hidden}
.toolbar .pop{position:absolute;right:90px;top:-65px;background:#0883d3;display:none}
.toolbar .pop-code{width:160px}
.toolbar .pop-code img{width:120px;height:120px;display:block;padding:20px 20px 0}
.toolbar .pop-code h3{height:52px;line-height:26px;text-align:center;color:#fff;font-size:16px;font-weight:400;white-space:nowrap}
.toolbar .pop-code h3 b{display:block;font-size:14px;font-weight:400}
.toolbar .qq span{background-position:-35px -47px}
.toolbar .qq a{width:52px;height:52px;cursor:pointer;display:block}
.toolbar .qq:hover{background-color:#0883d3;border-radius:100%}
.toolbar .qq:hover span{background-position:0 -47px}
.toolbar .tel span{background-position:-35px 0}
.toolbar .tel:hover{background:#0883d3}
.toolbar .tel:hover span{background-position:0 0}
.toolbar .code span{background-position:-35px -95px}
.toolbar .code:hover{background-color:#0883d3;border-radius:100%; overflow:inherit}
.toolbar .code:hover span{background-position:0 -95px}
.toolbar .dingbu span{background-position:-36px -142px}
.toolbar .dingbu:hover{background-color:#0883d3;border-radius:100%}
.toolbar .dingbu:hover span{background-position:0px -142px}
.active .animated{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.delay100{-webkit-animation-delay:.1s;animation-delay:.1s}
.delay200{-webkit-animation-delay:.2s;animation-delay:.2s}
.delay300{-webkit-animation-delay:.3s;animation-delay:.3s}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:1}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg)}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:1}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg)}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.active .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@keyframes down-ico{0%{top:0;opacity:1}
35%{top:20%;opacity:0}
65%{top:-20%;opacity:0}
100%{top:0;opacity:1}
}
@-webkit-keyframes down-ico{0%{top:0;opacity:1}
35%{top:20%;opacity:0}
65%{top:-20%;opacity:0}
100%{top:0;opacity:1}
}
@keyframes scale-three2{0%{transform:scale(1);opacity:.8}
100%{transform:scale(1.3);opacity:0}
}
@-webkit-keyframes scale-three2{0%{-webkit-transform:scale(1);opacity:.7}
100%{-webkit-transform:scale(1.3);opacity:0}
}
@-moz-keyframes scale-three2{0%{-moz-transform:scale(1);opacity:.7}
100%{-moz-transform:scale(1.3);opacity:0}
}
@-o-keyframes scale-three2{0%{-o-transform:scale(1);opacity:.7}
100%{-o-transform:scale(1.3);opacity:0}
}



.page{width:100%;height:auto;overflow:hidden; margin:15px auto}
.page ul{display:table;margin:0 auto}
.page ul li{border:1px solid #ccc;padding:0 10px;height:30px;line-height:30px;color:#333;float:left;margin:0 5px}
.page ul li a{color:#333}
.page ul .thisclass{background:#0883d3;color:#fff;border:1px solid #0883d3}
.page select{border:none;background:0 0;outline:0}
.page ul .thisclass a{color:#fff;}

.mbx{width:100%;height:62px;border-bottom:1px solid #eaeaea;max-width:1920px;margin:0 auto;position:relative; z-index:2}
.mbx a.home{display:block;width:64px;height:62px;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;background:url(../images/InpageAddress_icon01.png) no-repeat center;float:left;position:relative;z-index:999}
.mbx a.home:hover{background:url(../images/InpageAddress_icon03.png) no-repeat center}
.mbx .p1{line-height:62px;float:left;margin-left:16px;position:relative;z-index:9999}
.mbx .p1 a{display:block;padding-right:14px;background:url(../images/InpageAddress_icon02.png) no-repeat right center;font-size:16px;float:left;margin-left:10px}
.mbx .p1 a:first-child{margin-left:0}
.mbx .p1 a:last-child{background-image:none}

.n_banner{ width:100%; margin:0px auto; overflow:hidden;}
.n_banner img{ width:100%; margin:0px auto;}
.n_banner img:first-child{ display:block;}
.n_banner img:last-child{ display:none;}


.news{margin:20px auto 10px; overflow:hidden; }
.news ul{ overflow:hidden; padding-top:20px; }

.news ul li{ overflow:hidden; border:1px #ccc solid; padding:10px; margin: 0 2% 15px 0; width:46%; float:left;-webkit-transition:all .5s;transition:all .5s;}
.news ul li span{display:block; float:left; width:90px;  background:#0883d3; text-align:center;-webkit-transition:all .5s;transition:all .5s; margin-right:22px;}
.news ul li span b{display:block; font-size:0.3rem; color:#fff; padding:10px 0;}
.news ul li span i{display:block; font-size:0.16rem; color:#fff; border-top:1px #fff dotted; padding:5px 0; font-style:normal;}

.news ul dl{ overflow:hidden;padding-bottom:3px;}
.news ul dl h3{font-size:16px;  color:#333; margin-bottom:0.1rem;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s; font-weight:600;}
.news ul dl p{  font-size:15px; line-height:0.25rem;; color:#666;overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.news ul  li:hover{transform:translate(0,-10px); -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -o-transform:translate(0,-10px); -webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s;}
.news ul  li:hover span b,.news ul  li:hover span i{color:#fff;}
.news ul  li:hover h3{color:#0883d3}

/*
.news_mbt{ overflow:hidden; width:1200px; margin:0px auto 0; padding:0 0 30px;}
.news_mbt  ul  {overflow:hidden; padding-top:20px;}
.news_mbt  ul li{ overflow:hidden; margin:0 30px 30px 0; width:585px; float:left; background:#fff; ;-webkit-transition:all .5s;transition:all .5s;}
.news_mbt  ul li span{display:block; float:left; width:100px; height:100px; background:#0883d3; text-align:center;-webkit-transition:all .5s;transition:all .5s;}
.news_mbt  ul li span b{display:block; font-size:30px; color:#fff; padding-top:20px;}
.news_mbt  ul li  span i{display:block; font-size:14px; color:#fff; padding-top:5px; font-style:normal;}

.news_mbt  ul li dl{     overflow: hidden;
    padding: 6px 10px 0 0px;
    width: 463px;
    float: right;}
.news_mbt  ul li dl h3{font-size:16px;  color:#333; height:37px; line-height:37px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}
.news_mbt  ul li dl p{ height:47px; font-size:14px; line-height:24px; color:#878787;overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }


.news_mbt  ul li:hover span b,.news_mbt  ul li:hover span i{color:#fff;}
.news_mbt  ul li:hover h3{color:#0883d3}
.news_mbt  ul li:nth-child(2n){ margin-right:0px;}

.news_mbt  ul li:hover{
-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);z-index:1002;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
*/
.pro-intro{overflow:hidden;margin-top:6px;padding:10px 14px 20px}
.pro-intro .img{float:left;width:450px;height:auto;overflow:hidden}
.pro-intro .img img{display:block;width:450px;height:395px}
.pro-intro .info{float:right;width:428px;height:395px;box-sizing:border-box;overflow:hidden;border:1px solid #d2d2d2;border-left:none}
.pro-intro .info p{color:#555;font-size:20px;border-bottom:1px solid #d9d9d9;height:45px;margin-top:60px;text-indent:20px}
.pro-intro .info .tel{width:100%;height:160px;border-bottom:1px solid #d9d9d9}
.pro-intro .info .tel img{display:block;margin-top:25px;margin-left:25px}
.pro-intro .info .tel b{width:100%;display:block;color:#1c71c8;margin-left:25px;font-size:36px;margin-top:10px;line-height:36px;font-weight:400}
.pro-intro .data{width:100%;height:auto;overflow:hidden}
.pro-intro .info .btn{width:100%;height:auto;overflow:hidden;margin-top:30px;margin-left:25px}
.pro-intro .info .btn a{display:block;width:165px;height:48px;background:#1c71c8;color:#fff;float:left;margin-right:15px;line-height:48px;font-size:16px;text-indent:30px;border-radius:10px;position:relative}
.pro-intro .info .btn a:after{content:url(../images/kf.png);position:absolute;top:13px;right:29px}
.pro-intro h2{font-size:28px;color:#333;font-weight:400;margin-bottom:16px;text-align:center;margin-top:20px}
.pro-intro .share{width:100%;height:46px;line-height:46px;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}
.pro-intro .share p span{display:inline-block;font-size:12px;color:#999;padding:0 8px}
.pro-intro .info .btn a:last-child{background:#595757;text-indent:0;text-align:center}
.pro-intro .info .btn a:last-child::after{content:""}
.pro-intro .info .btn a:hover{background:#25b240}
.pro-intro .intro{width:100%;height:auto;overflow:hidden;margin-top:40px;min-height:500px}
.pro-intro .intro .t{width:100%;height:30px;border-bottom:1px solid #d2d2d2}
.pro-intro .intro .t p{color:#fff;font-size:18px;background:#1c71c8;width:180px;height:30px;line-height:30px;text-align:center}
.pro-intro .text{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin:20px 0px 20px; }
.pro-intro .textxq{height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin-top:20px; padding:0 10px;}

.pro-intro .textxq img{display:block;max-width:100%;margin:0 auto}
.pro-intro .textxq  p{ font-size:16px; line-height:28px; color:#666; text-indent:2em;}
.article-detailed{overflow:hidden;margin-top:20px}

.article-detailed{margin:0 auto;overflow:hidden;margin-top:20px}
.article-detailed .tit{height:auto;overflow:hidden;margin-bottom:15px}
.article-detailed .tit p{color:#333;font-size:18px;text-align:center;border-bottom:1px dashed #f1f1f1;height:30px}
.article-detailed .tit span{display:block;color:#333;margin-top:5px;font-size:12px;text-align:center}
.article-detailed .intro{height:auto;overflow:hidden}
.article-detailed .intro img{display:block;max-width:100%;margin:0 auto}
.article-detailed .intro p{color:#333;font-size:16px;line-height:30px;text-indent:2em;}


.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}
.fy p{width:33.3333%;height:60px;line-height:60px;float:left;color:#666;font-size:16px;text-align:center;border-right:1px solid #d2d2d2; box-sizing:border-box; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding:0 10px  }
.fy p:last-child{border:none}
.fy p a{color:#666}
.fy p a:hover{color:#006cd8}




.anli_lb{overflow:hidden;margin:20px auto 0;}
.anli_lb ul{overflow:hidden;}
.anli_lb ul li{ width:25%; border:10px #fff solid; box-sizing:border-box;float:left;overflow:hidden;}
.anli_lb ul li div{overflow:hidden;}
.anli_lb ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;font-size:16px;text-align:center; position:relative}
.anli_lb ul li a:hover dd{color:#fff}
.anli_lb ul li a{color:#333}
.anli_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.anli_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.anli_lb ul li:hover p{color:#0883d3}
.anli_lb ul li:nth-child(4n){margin-right:0px;}




.news_lb{overflow:hidden; margin-top:20px;}
.news_lb ul{overflow:hidden;padding:10px}
.news_lb ul li{padding:2%;margin-bottom:20px;float:left;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;border:1px #ccc dotted ; width:96%}
.news_lb ul li h3{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;color:#494949;font-size:18px;margin-bottom:20px;display:block;position:relative;padding-right:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}
.news_lb ul li p{background:url(../images/icon.jpg) no-repeat center right;padding-right:60px;color:#7f7f7f;font-size:15px;line-height:24px;padding-left:20px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news_lb ul li h3:before{content:'';width:6px;height:6px;border-radius:50%;background:#494949;display:inline-block;margin:0 12px 2px 0;-moz-box-sizing:border-box;box-sizing:border-box}
.news_lb ul li h3 span{font-family:HNT;font-size:16px;font-weight:400;color:#919191;position:absolute;top:1px;right:0;line-height:1}
.news_lb ul li h3:hover{padding-left:10px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.news_lb ul li:hover{box-shadow:0 0 6px #ccc;-moz-box-shadow:0 0 6px #ccc;-ms-box-shadow:0 0 6px #ccc;-o-box-shadow:0 0 6px #ccc;-box-shadow:0 0 6px #ccc;transform:translate(0,-10px);box-shadow:0 0 10px #ccc;-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.map{ width:100%; height:400px;}

.lxwmmt{overflow:hidden; line-height:30px; font-size:16px; padding:20px 0}


.mssg-intro{overflow:hidden;margin:0  auto;;padding-bottom:2%; margin-bottom:20px; background:url(../images/z.png) no-repeat; width:1200px;}
.mssg-intro form{ margin:5%; background:rgba(255,255,255,.8); padding:5%; overflow:hidden;}
.mssg-intro form h3{font-size:36px; text-align:center; margin-bottom:30px;}
.mssg-intro form ul li{width:100%;height:auto;overflow:hidden;border:1px solid #d2d2d2;margin-bottom:15px;background:#fff;border-radius:5px}
.mssg-intro form ul li input{height:50px;border:none;width:100%;outline:0;text-indent:10px;color:#999;font-size:16px;background:0 0;font-family:'微软雅黑'}
.mssg-intro form ul li textarea{width:788px;height:100px;border:none;outline:0;font-family:'微软雅黑';resize:none;background:0 0;text-indent:10px;padding-top:10px;color:#999;font-size:16px}
.mssg-intro form .btn input{width:49%;display:block;float:left;padding:3% 0;background:#0883d3;outline:0;border:none;font-size:16px;color:#fff;border-radius:6px;font-family:'微软雅黑'}
.mssg-intro form .btn input:last-child{background:#999;margin-left:2%}


/*mobile*/

.g-adv{position:relative;width:100%;margin:0 auto 0 auto;z-index:15; display:none;}
.g-adv  img{;width:100%;}

.slider{display:none;}





.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:555;border:1px solid #ccc;background:#fff;border-bottom:0; z-index:999}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #ccc;color:#666;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer;}
.side ul li a{color:#666}
.side ul li:hover{background:#0f60ba;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/ios01.png)}
.side ul li i.bgs2{background-image:url(../images/ios02.png)}
.side ul li i.bgs3{background-image:url(../images/ios03.png)}

.side ul li i.bgs6{background-image:url(../images/ios03.png)}

.side ul li:hover i.bgs1{background-image:url(../images/icon11.png)}
.side ul li:hover i.bgs2{background-image:url(../images/icon22.png)}
.side ul li:hover i.bgs6{background-image:url(../images/icon33.png)}


.side ul li.sideetel:hover .telBox{display:block}
.side ul li.sideewm:hover .ewBox{display:block}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}


.side ul li.sideewm .ewBox{width: 130px;
    display: none;
    color: #363636;
    text-align: center;
    padding: 10px;
    position: absolute;
    left: -152px;
    top: -75px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #e0e0e0;
    background: #0f60ba;}
.side ul li.sideetel .telBox{width:240px;height:78px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#0f60ba}
.side ul li.sideetel .telBox dd{display:block;height:100px;overflow:hidden;padding-left:82px;line-height:20px;font-size:18px;padding-top:14px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:11px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#0a8ada}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/icon11.png) 28px 19px no-repeat;background-size:15%}
.side ul li.sideewm .ewBox img{width:100%}